page{
	background-color: #EDEDED;
}
#app{
	width: 750rpx;
	height: 100vh;
	.mian{
		.User{
			padding: 20rpx;
			display: flex;
			.user-left-box{
				width: 100rpx;
				padding-right: 20rpx;
				.user-headImage{
					width: 100rpx;
					height: 100rpx;
					image{
						border-radius: 50rpx;
						width: 100%;
					}
				}
			}
			.user-right-box{
				flex: 1;
				.user-nickName{
					padding-bottom: 10rpx;
					font-weight: bold;
				}
				.user-saidContent{
					border: 1rpx solid pink;
					border-radius: 10rpx;
					padding: 20rpx;
					background-color: #fff;
				}
			}
		}
		.my{
			padding: 20rpx;
			display: flex;
			.user-left-box{
				width: 100rpx;
				padding-left: 20rpx;
				.user-headImage{
					width: 100rpx;
					height: 100rpx;
					image{
						border-radius: 50rpx;
						width: 100%;
					}
				}
			}
			.user-right-box{
				flex: 1;
				.user-nickName{
					padding-bottom: 10rpx;
					font-weight: bold;
					text-align: end;
				}
				.user-saidContent{
					border: 1rpx solid pink;
					border-radius: 10rpx;
					padding: 20rpx;
					background-color: #fff;
				}
			}
		}	
	}
	.footer{
		position: fixed;
		bottom:0;
		padding: 40rpx 20rpx;
		border-top: 1rpx solid #000;
		display: flex;
		.send-navtion{
			width: 80%;
			background-color: #fff;
			.send-input{
				padding: 20rpx;
			}
		}
		.send-btn{
			width: 20%;
			margin-left: 20rpx;
			background-color: #24ADF3;
			display: flex;
			justify-content: center;
			align-items: center;
		}
	}

}
